<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- 你输入你的出生年份，我给你显示岁数 -->
		<style type="text/css">
			div {
				margin: 100px auto;
				width: 800px;
				height: 300px;
				border: 1px solid #FF6700;
				display: flex;
				justify-content: center;
				align-items: center;
			}
		</style>
	</head>
	<body>
		<div>
			<h1 id="age"></h1>
		</div>
		<!-- js里有三种弹窗
		 alert()  警告
		 prompt() 可以提供给你输入内容的弹窗
		 confirm () 确认弹窗
		 -->
		 <script type="text/javascript">
			 'use strict';
		 	// alert('这是一个警告弹窗')
			// prompt('请输入你的出生年份')
			// let conf = confirm ('你确定要学习js吗？');
			
		    let birth = prompt('请输入你的出生年份'); //只有空的字符串才是false
			// 要求1/要输入数字,并且不大于2020,不小于1920
			let h1 = document.querySelector('#age')	;
			console.log(typeof birth);
			
			while (parseInt(birth)<1920 || parseInt(birth)>2015 ||isNaN(parseInt(birth))) {
				alert('请重新输入合法的出生年份');
				birth = prompt('请输入你的出生年份')
			}
			
			let msg = 2020 - Number(birth);
				console.log(msg);
				h1.innerHTML=`您的年龄是${msg}岁`;
			
			
		 </script>
	</body>
</html>
